草庐IT

AngularJS 应用

全部标签

javascript - Protractor :如何等待引导的 AngularJS 完全加载

我有一个自举的Angular(1.2.6)应用程序。这意味着它没有明确的ng-app。因此,我遇到了让Protractor框架测试工作的各种问题(使用SauceLabs和grunt-protractor-runner)。错误因我尝试的内容而异,但一般来说:Error:Angularcouldnotbefoundonthepagehttp://xxx:9000/:angularneverprovidedresumeBootstrap或者...Error:ErrorwhilewaitingforProtractortosyncwiththepage:{}我发现了一些我尝试过的建议解决方案。

javascript - AngularJS 最佳实践——模板与 Javascript

默认情况下,当用户导航到路由时,Angular从服务器获取HTML模板。考虑到这一点,想象一下这个场景:用户加载Angular应用。主视图有一个名为“订单”的子页面。在用户研究主视图的同时,新版本的应用程序已投入生产。新版本使用新的Javscript和HTML完全重写了订单页面。用户导航到订单页面。Javascript已在步骤1中由浏览器加载,因此在重新加载应用程序之前,用户使用的是旧版本。但是新模板是在导航时从服务器获取的。所以现在Javascript和模板是我们的同步!我关于Javascript/HTML不同步的假设是否正确?如果是,是否有与此问题相关的最佳实践?我想一个解决方案是

javascript - Grunt 构建导致 Angular 应用程序在 dist 上崩溃

我正在使用Grunt并执行命令“gruntbuild”来创建一个包含AngularJS应用程序的分发文件夹。作为独立应用,我的应用运行良好。一旦我为该应用程序创建了一个分发版,该应用程序就开始很快崩溃。我在F12工具控制台中看到的是:达到10次$digest()迭代。中止!我怀疑我的.tmp目录中有一个名为vendor.js的文件,并且由于Controller依赖注入(inject)变量将注入(inject)的Controller参数(如“$scope”转换为“a”)而无法正确缩小、丑化和/或连接此文件例如,即使我使用的是ngAnnotate。看到我正在使用UglifyJs并在Ugli

javascript - AngularJS:ui-router href 重写为 ui-sref

我有一个CMS,它强制页面的URL具有特定的模式。我们需要有条件地重写这些链接的href。CMS将在页面上打印如下内容:Go我们的路由器需要实际指向#/zoo/gorilla如果我们自己写这个链接,它看起来像:Go问题是,我们不能总是保证/zoo/gorilla部分意味着我们在zoo('gorilla')。最简单的方法是将CMSurl解析为路由器URL,然后执行如下操作:link.attr("href","#/zoo/gorilla");我理解为什么这通常与ui-router的想法背道而驰,但我希望找到一种方法将其用于这种奇怪的情况。 最佳答案

javascript - Rails 应用程序 : require bootstrap vs require bootstrap-sprockets

添加之间的相应区别是什么//=requirebootstrap-sprockets和//=requirebootstrap到application.js?documentation说:bootstrap-sprocketsprovidesindividualBootstrapJavascriptfiles(alert.jsordropdown.js,forexample),whilebootstrapprovidesaconcatenatedfilecontainingallBootstrapJavascripts一个提供比另一个更好的性能吗? 最佳答案

javascript - 用于开发和生产构建的 Webpack Angular 应用程序 API URL 配置

我有一个具有以下简单配置文件config.js的Angular应用程序:exportdefaultfunction(app){app.constant('config',{apiUrl:'https://localhost:8080'});};由Webpack入口点app.js导入:importconfigfrom'./config';config(app);我想在进行生产构建时使用不同的apiUrl。在Webpack中最简单的方法是什么? 最佳答案 https://stackoverflow.com/a/34032050/1610

javascript - 在 Angular2 应用程序中找不到名称模块

我正在使用angular-cli来运行我的typescript驱动的angular2应用程序。我有一个AppComponent定义如下:import{Component}from'@angular/core';import{ServersListComponent}from'./servers-list/servers-list.component';@Component({moduleId:module.id,selector:'app',templateUrl:'app.component.html',styleUrls:['app.component.css'],directiv

javascript - 如何关闭渐进式网络应用程序

在移动设备上安装了pwa后,如何像关闭native应用一样关闭应用,而无需用户多次点击后退按钮。我知道在网页上window.close是个坏主意,但这是移动设备上的pwa。在Cordova中您将使用navigator.app.exitApp,这当然在pwa上不可用。 最佳答案 这是我今天创建的解决方案。当您点击后退按钮时,会出现一个对话框,要求您再次点击后退按钮以实际关闭应用程序,或取消以返回页面。整个过程对历史进行了一些操作,并且可以在Chrome上运行。可以调整一些东西,使其适用于更多的浏览器。在历史应该如何详细工作方面,浏览器

javascript - 如何在 RxJS5 中应用定时背压?

假设我有以下代码:leta=Rx.Observable.of(1,2,3)letb=Observable.zip(a,a,(a,b)=>a+b)b.forEach(t=>console.log(t))这会立即输出结果。现在,我如何在每条消息之间设置一个定时延迟作为背压方式(请注意,我不需要缓冲区;相反,我想要a和b成为ColdObservables),例如:b.takeEvery(1000).forEach(t=>console.log(t))并得到完全相同的答案:246替代方案:如果RxJS不支持背压(某些可观察对象的拉动机制),那么如何在不耗尽资源的情况下创建无限生成器?备选方案2

javascript - React Native activeTintColor 未应用于选定的抽屉项目

ReactNativeactiveTintColor未应用于选定的抽屉项目。我的reactnative导航路线看起来像,->DrawerNavigator->StackNavigator->HomeScreen->FirstScreen->SecondScreen->ThirdScreenroutes.jsconstRootStack=createStackNavigator({Home:{screen:HomeScreen},ChapterGroup:{screen:ChapterGroupScreen},Chapter:{screen:ChapterScreen},}constDr